<template>
  <div class="success">
    <el-icon color="#007cff" size="90">
      <SuccessFilled />
    </el-icon>
    <div class="success_text"> 恭喜 账号注册成功 </div>
    <div class="tip"> 输你的手机号即可加入到企业角色 </div>
    <el-button class="login-btn" type="primary" color="#007cff" @click="goLogin"
      >返回登录</el-button
    >
    <!-- <footer class="footer">
        <div>广东智捷云服务科技有限公司版权所有</div>
        <div>粤ICP备2023070912号</div>
    </footer> -->
  </div>
</template>
<script lang="ts" setup>
  import { useRouter } from 'vue-router'
  import { SuccessFilled } from '@element-plus/icons-vue'

  const router = useRouter()
  // 登录页面
  const goLogin = () => {
    router.push({ path: '/login/index' })
  }
</script>

<style lang="scss" scoped>
  @import '../index.scss';

  .success {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin-top: 40px;

    .success_text {
      color: #007cff;
      font-size: 14px;
      margin: 20px;
    }

    .tip {
      color: #999;
      font-size: 14px;
    }

    .login-btn {
      margin: 20px 0;
    }

    .footer {
      margin-top: 20px;
    }
  }
</style>
